ROBLOX 


Robux Icon 
Usage and 
Guidelines 


The Robux icon is a branded icon 
that denotes the currency used in 
Roblox. 
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by Roblox Design Team 





Wording 


Originally, Robux was denoted by “R$” or the ®) icon. There are a number of reasons why we are moving away 
from this. One example is that it is not scalable for international communities, since the “$” sign is only used ina 
few countries (and “R$” is actually the currency of Brazil). 


Do’s and Don’ts 


Do place the Robux icon to the left of the numerical 
amount. © 900 


Do place the numerical amount before the word “Robux” 
when the icon is not used. 900 Robux © 900Robux 
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Don’t use “R$” or the old @) icon. 





Don’t use “Robuck,” “Robux’s,” “Robuxes,” or 
“Robuxs.” (“Robux” is both singular and plural.) 1 Robux 
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Graphical vs. Flat 


The rule of thumb is that the gold Robux Icon is only used to entice the user to buy Robux, whereas the flat (solid 
color) icon is used to display information. For example, the gold Robux icon appears in the Buy Robux page and 
the top menu. The flat icon appears in the Catalog, in buttons, and bodies of text that document Robux 


transactions. 


Do’s and Don’ts (Graphical) 


DO’S 
Maintain at least a “square’s width” distance from the 
nearest objects, like page edges or text. 


DON’TS 


Don’t distort or rotate the icon. Don’t modify colors or 
transparencies. Don’t scale the icon less than S6pt wide. 
For instances less than 36x36pt, use the 16x1l6pt icon 
instead. 


Don’t place the icon on a white or light background. 


Do’s and Don’ts (Flat) 


DO’S 


Maintain 4pt between the Robux icon and text. 


Match icon color to the text. In the example on the right, 


the text is #BDBEBE, so the icon is also #BDBEBE. 


DON’TS 


Don’t use the Robux icon as an action by itself. When 
possible, pair it with a price number in a button. 


O Buy Robux 
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Adoble Illustrator File 


For most cases, use the Illustrator file for creating graphical Robux assets. 


Remember to check the options for Scale Corners and 
Scale Strokes and Effects in Adobe Illustrator. This can 
be found under Object>Transform in the main menu. 


Make sure that the Drop Shadow blur ts at least 2px. You 
can do so by selecting the “BASE” layer of the group. 
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Size and Distortion 


The minimum size for the Robux icon is 16x16 px. The Roblox Design Team has designed specific ongs for the 
16x16 px use case. For all other sizes, use the svg vector and scale down to preferred size. 


DO DON’T 


© 900 © 900 


It is better to use the 16px Icon for small sizes, rather than 
shrink the vector icon to a similar size. Notice how the left 
option is clearer and crisper. 


oe] 4 DON’T 


©, 


cen ©) 1,999 


Do not distort or the rotate the icon unless the text is 
distorted or rotated. 
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Color 


The flat icon was designed to be used with color flexibly. 


o] 4 DON’T 


© 900 © 900 


Don’t make the Robux icon a different color than the text. 


ie Yel Nia 


Get item! Get item! 








9,000 © 900 9,000 © 900 


In this scenario, the game allows the user to buy the item with Robux and another currency. In 
this case, it is okay to use the graphical version to match the style of the other currency. 


